//seatch页面的分模块数据

// 发送请求 获取seatch搜索商品
import {reqGetSearchGoodsInfoData} from '@/api/index'

const state = {
  // 搜索到的商品
  goodsInfo:[]
}
const mutations = {
  // 1. 存储搜索到的商品
  SAVE_GOODS_INFO_DATA(state,goodsInfo){
    state.goodsInfo = goodsInfo
  }
}
const actions = {
  // 1. 根据参数 获取搜索数据
  async getSearchGoodsInfoData({commit},searchParams){
    const result = await reqGetSearchGoodsInfoData(searchParams)
    if (result.code===200) {
      commit('SAVE_GOODS_INFO_DATA',result.data)      
    }else{console.log(result.message)}
  }
}
// getters 就相当于是Vuex中的计算属性
const getters = {
  // 1. 商品列表
  goodsList(state){
    return state.goodsInfo.goodsList
  },
  // 2. 品牌列表
  trademarkList(state) {
    return state.goodsInfo.trademarkList
  },
  // 3. 属性列表
  attrsList(state) {
    return state.goodsInfo.attrsList
  },
  // 4. 商品总数量
  total(state) {
    return state.goodsInfo.total
  },
  // 分页总数
  total(state){
    return state.goodsInfo.total
  },

}
export default {
  namespaced:true, // 开启命名空间 区分不同的模块
  state,
  mutations,
  actions,
  getters,
}




